<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>修改项目</title>
    <!--static-->
    <link rel="stylesheet" href="css/main.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/swiper.css"/>
    <script src="static/js/jquery-1.11.3.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <!--other-->
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/style.js"></script>
    <script src="static/js/style.min.js"></script>
    <script src="js/area.js"></script>
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<div class="headerIndex">
    <div class="container">
        <div class="header clearfix row">
            <div class="logo">
                <a href="index.html"></a>
            </div>
            <div class="nav tc">
                <ul>
                    <a href="index.html">
                        <li class="">项目库</li>
                    </a>
                    <a href="my-project.html">
                        <li>我的项目</li>
                    </a>
                    <a href="dynamic.html">
                        <li>动态</li>
                    </a>
                    <a href="about.html">
                        <li>关于我们</li>
                    </a>
                </ul>
            </div>
            <div class="user">
                <a class="search" href=""></a>
                <ul>
                    <a href="login.html">
                        <li>登录</li>
                    </a>
                    <a href="reg.html">
                        <li>注册</li>
                    </a>
                </ul>

            </div>
            <div class="fr personalCenter">
                <div class="serch fl">
                    <input type="text"/>
                    <i></i>
                </div>

                <ul class="content fl">
                    <li>
                        <a href="#">
                            <img class="fl" src="img/headerIndex_001.png" alt="">
                            <span class="userNameIndex">Willian Mo <i class="fa fa-caret-down"></i></span>
                        </a>
                        <ul class="list" style="display: none;">
                            <li class="listIndex active"><a href="personal-center.html">个人中心</a></li>
                            <li class="listIndex"><a href="create-project.html">创建项目 </a></li>
                            <li class="listIndex"><a href="my-project.html">我的项目</a></li>
                            <li><a class="logOff" href="login.html">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="titleMyProject">
        <h1 class="fl">修改项目</h1>
    </div>
    <div class="createProject">
        <form action="">
            <!--创建项目-基本信息-->
            <div class="newProject ">
                <div class="content">
                    <div class="conInfo">
                        <div class="conLeft fl tr lh38">
                            <p>项目名称</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="ipt" type="text" value="灵活鱼" placeholder="请输入姓名">
                        </div>
                    </div>
                    <div class="conInfo abstract">
                        <div class="conLeft fl tr">
                            <p>项目简介</p>
                        </div>
                        <div class="conRight fl tl">
                            <textarea name="" id="" placeholder="请输入个人简介">如果你有梦想，那就去努力去追逐</textarea>
                        </div>
                    </div>
                    <div class="conInfo lineHight70">
                        <div class="conLeft fl tr">
                            <p class="lh70">封面</p>
                        </div>
                        <div class="conRight fl tl">

                            <img class="fl" src="img/contentIndex_001.png" alt=""/>
                            <span class="color lh70 fl gesture" onclick="$(this).next().click()">重新上传</span>
                            <input class="hidden" type="file"/>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>项目领域</p>
                        </div>
                        <div class="conRight fl tl">
                            <select class="selectStyle" name="" id="">
                                <option value="">电商</option>
                                <option value="">电商</option>
                                <option value="">电商</option>
                                <option value="">电商</option>
                            </select>
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>所属区域</p>
                        </div>
                        <div class="conRight fl tl">
                            <select class="selectStyle" id="s_province" name="s_province"></select>  
                            <select class="selectStyle" id="s_city" name="s_city" ></select> 
                            <select class="selectStyle" id="s_county" name="s_county"></select>
                            <div id="show"></div> 
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>项目背景</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="width340 ipt" type="text" value="" placeholder="">
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>项目目标</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="width340 ipt" type="text" value="" placeholder="">
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>项目模式</p>
                        </div>
                        <div class="conRight fl tl">
                            <input class="width340 ipt" type="text" value="" placeholder="">
                        </div>
                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>职业类型</p>
                        </div>
                    </div>
                    <div class="selectContent conRight">
                        <span class="select"><i class="fl"></i><strong class="fl">项目咨询</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">开发设备</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">办公场地</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">项目调研</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">视频制作</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">平面设计</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">工商注册</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">财务管理</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">法律咨询</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">供应链对接</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">市场渠道</strong></span>
                        <span class="select"><i class="fl"></i><strong class="fl">项目融资</strong></span>

                    </div>
                    <div class="conInfo">
                        <div class="conLeft fl tr">
                            <p>&nbsp;</p>
                        </div>
                        <div class="conRight fl tl">
                            <button class="nextStep1PersonalCenter btn" type="button">保存</button>
                        </div>
                    </div>
                </div>

            </div>
        </form>
        <div class="footer">
            <ul>
                <a href="about.html">
                    <li class="fl">
                        <img src="img/paginationI_001.png" alt="">
                        <span>关于我们</span>
                    </li>
                </a>
                <a href="">
                    <li class="fl">
                        <img src="img/paginationI_002.png" alt="">
                        <span>联系我们（187-1111-1111）</span>
                    </li>
                </a>
                <a href="">
                    <li class="fl">
                        <img src="img/paginationI_003.png" alt="">
                        <span>商务合作</span>
                    </li>
                </a>

            </ul>
            <div class="returnTop">
                <div class="returnIcon">
                    <img src="img/returnTop_001.png" alt="">
                </div>
                <div class="codeIcon" >
                    <img src="img/returnTop_002.png" alt="">

                    <div class="code">
                        <img src="img/code.jpg" alt=""/>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyrightIndex tc">© 2017 willIan Mo All Rights Restseved</div>
    </div>
</div>
</body>
<script>

    //三级联动
    _init_area();

    var Gid  = document.getElementById ;
    var showArea = function(){
        Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" +
        Gid('s_city').value + " - 县/区" +
        Gid('s_county').value + "</h3>"
    }
    Gid('s_county').setAttribute('onchange','showArea()');
</script>
</html>